<template>
	<div class="layout-padding">
		<div class="layout-padding-auto layout-padding-view" style="overflow: scroll">
			<div style="width: 500px">
				<el-button type="primary" @click="() => dowLoadTagFormRef.openDialog()">导出标签</el-button>
				<el-button type="primary" @click="() => dowLoadFormExcelRef.openDialog()">导出选餐统计表</el-button>
			</div>

			<el-row :gutter="20">
				<el-col :span="24">
					<el-tabs>
						<el-tab-pane label="学校统计">
							<el-card header="套餐统计">
								<school-statices />
							</el-card>
							<el-card style="margin-top: 20px" header="套餐子菜统计">
								<school-dish-statices />
							</el-card>
						</el-tab-pane>
						<el-tab-pane label="年级统计">
							<el-card header="套餐统计">
								<grade-statices />
							</el-card>
							<el-card style="margin-top: 20px" header="套餐子菜统计">
								<grade-dish-statices />
							</el-card>
						</el-tab-pane>
						<el-tab-pane label="班级统计">
							<el-card header="套餐统计">
								<classes-statices />
							</el-card>
							<el-card style="margin-top: 20px" header="套餐子菜统计">
								<classes-dish-statices />
							</el-card>
						</el-tab-pane>
					</el-tabs>
				</el-col>
			</el-row>

			<DowLoadTagForm ref="dowLoadTagFormRef" />
			<DowLoadFormExcel ref="dowLoadFormExcelRef" />
		</div>
	</div>
</template>

<script setup lang="ts" name="systemRole">
import SchoolStatices from '/@/views/school/resrveStatices/schoolStatices.vue';
import SchoolDishStatices from '/@/views/school/resrveStatices/schoolDishStatices.vue';
import GradeStatices from '/@/views/school/resrveStatices/gradeStatices.vue';
import GradeDishStatices from '/@/views/school/resrveStatices/gradeDishStatices.vue';
import ClassesStatices from '/@/views/school/resrveStatices/classesStatices.vue';
import ClassesDishStatices from '/@/views/school/resrveStatices/classesDishStatices.vue';

const DowLoadTagForm = defineAsyncComponent(() => import('./dowLoadTagForm.vue'));
const DowLoadFormExcel = defineAsyncComponent(() => import('./dowLoadFormExcel.vue'));
const dowLoadTagFormRef = ref();
const dowLoadFormExcelRef = ref();
</script>
